<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <title>首页</title>
    <link rel="stylesheet" href="css/reset_ca75966.css"/>
    <link rel="stylesheet" href="css/swiper-3.4.2.min_6af34d0.css"/>
    <link rel="stylesheet" href="css/animate.min_d6dfff2.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/rem_a30ca1a.css"/>
</head>
<body>
    <!--S wrap-->
    <div class="wrap">
        <!--S load-->
        <div class="loading">
            <div class="load">
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="load-txt"></div>
            </div>
        </div>
        <!--E load-->
        <div class="swiper-container swiper-container-v">
            <div class="swiper-wrapper">
                <!--S 第一屏-->
                <div class="swiper-slide swiper-slide1">
                    <div class="logo ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
                    <div class="guide-text guide-text1 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="0.2s">76%硬汉直男的选择</div>
                    <div class="guide-text guide-text2 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">男人的天堂</div>
                    <div class="guide-text guide-text3 ani"
                    <div class="guide-text guide-text2 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">坦克警戒正式开服！</div>
                    <div class="fei1 ani " swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
                    <div class="fei2 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
                    <div class="fei3 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
                    <div class="fei4 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
                    <div class="hold ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
                    <div class="next-page"></div>
                </div>
                <!--E 第一屏-->
                <!--S 第二屏-->
                <div class="swiper-slide swiper-slide2">
                    <div class="stop-swiping">
                        <div class="bigTk ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="2s" swiper-animate-delay="0.1s">
                            <div class="cannonCen"></div>
                            <div class="cannonLeft"></div>
                            <div class="cannonRight"></div>
                            <div class="click-btn ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="3s"></div>
                            <div class="boom-n1"></div>
                            <div class="boom-n2"></div>
                            <div class="boom-n3"></div>
                            <div class="boom-n4"></div>
                        </div>
                        <div class="page2-tip ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="4s">
                            点击BOSS开炮，打败它！<br />观看隐藏内容！
                        </div>
                        <div class="smallTk flex-cont">
                            <div class="flex ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="2s">
                                <div class="sk smallTk1">
                                    <div class="sm smallTkImg1"></div>
                                </div>
                            </div>
                            <div class="flex ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
                                <div class="sk smallTk2">
                                    <div class="sm smallTkImg2"></div>
                                </div>
                            </div>
                            <div class="flex ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="2.6s">
                                <div class="sk smallTk3">
                                    <div class="sm smallTkImg3"></div>
                                </div>
                            </div>
                            <div class="flex ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="2.9s">
                                <div class="sk smallTk4">
                                    <div class="sm smallTkImg4"></div>
                                </div>
                            </div>
                        </div>
                        <div class="next-page"></div>
                    </div>
                    <div class="page2-end"></div>
                </div>
                <!--E 第二屏-->
                <!--S 第三屏-->
                <div class="swiper-slide swiper-slide3">
                    <div class="page3-tit ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
                    <div class="page3-main ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="1s">
                        <div class="page3-goddess"></div>
                        <div class="left"></div>
                        <div class="right"></div>
                        <div class="audio-box ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2s">
                            <p class="audio-tit">点击播放女神语音</p>
                            <!-- <audio id="mp3" src="media/yy.m4a"></audio> -->
                            <audio preload="auto" id="mp3">
                                    <source src="media/yy.m4a" controls="">
                                    <source src="media/yy.mp3" controls="">
                            </audio>
                            <div class="audio-main wrapfix">
                                <div class="audio-bg"></div>
                                <p class="time">11</p>
                            </div>
                            <div class="play"></div>
                        </div>
                    </div>
                    <div class="page3-ft ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2.8s"></div>
                    <div class="next-page"></div>
                </div>
                <!--E 第三屏-->
                <!--S 第四屏-->
                <div class="swiper-slide swiper-slide4">
                    <div class="desc ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                        <img class="ani" src="images/page4-n1_5d07295.png"  swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="0.7s" alt="">
                    </div>
                    <div class="avatar-box">
                        <div class="avatar-list avatar-list-n1 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
                            <img src="images/page4-avatar1_8a27bf8.png" alt="">
                        </div>
                        <div class="avatar-list avatar-list-n2 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
                            <img src="images/page4-avatar2_b7ebb0c.png" alt="">
                        </div>
                        <div class="avatar-list avatar-list-n3 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.9s">
                            <img src="images/page4-avatar3_5cd9fb9.png" alt="">
                        </div>
                        <div class="avatar-list avatar-list-n4 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.9s">
                            <img src="images/page4-avatar4_670c295.png" alt="">
                        </div>
                        <div class="avatar-list avatar-list-n5 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="2.2s">
                            <img src="images/page4-avatar5_7d4bb27.png" alt="">
                        </div>
                        <div class="avatar-list avatar-list-n6 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="2.5s">
                            <img src="images/page4-avatar6_6b9ffae.png" alt="">
                        </div>
                    </div>
                    <div class="body ani" swiper-animate-effect="zoomInDown" swiper-animate-duration="1s" swiper-animate-delay="2.7s">
                        <div class="hand left"></div>
                        <div class="hand right"></div>
                    </div>
                    <div class="mass ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="3.2s"></div>
                    <div class="next-page"></div>
                </div>
                <!--E 第四屏-->
                <!--S 第五屏-->
                <div class="swiper-slide swiper-slide5">
                    <div class="top-bg ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0.3s"></div>
                    <div class="down-box">
                        <div class="down-tit ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.3s"></div>
                        <div class="down-list ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>
                        <div class="down-list ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.7s"></div>
                    </div>
                    <div class="focus ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="1.8s"></div>
                    <div class="aobama ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
                        <div class="touch ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="2.9s">
                            <p>长按识别身份</p>
                            <div class="touch-btn zw stop-swiping">
                                <div class="line"></div>
                                <div class="touch-alp"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--E 第五屏-->
            </div>
            <!-- 如果需要分页器 -->
            <!-- <div class="swiper-pagination"></div> -->
            
            <!-- 如果需要导航按钮 -->
            <!-- <div class="swiper-button-prev"></div> -->
            <!-- <div class="swiper-button-next"></div> -->
        </div>
    </div>
    <!--E wrap-->
    <script src="js/zepto.min_1abd55c.js"></script>
    <script src="js/pxloader-images.min_4f3115d.js"></script>
    <script src="js/swiper-3.4.2.min_fb13ef3.js"></script>
    <script src="js/swiper.animate1.0.2.min_813ac0d.js"></script>
    <script src="js/index_0bd0346.js"></script>
</body>
</html>